<!DOCTYPE html>
<html lang="en">
<head>

	<meta charset="utf-8">
	<title>zVossen</title>
	<meta name="description" content="Free Responsive Html5 Css3 Templates | zerotheme.com">
	<meta name="author" content="www.zerotheme.com">
	
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
  	<link rel="stylesheet" href="css/zerogrid.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/responsive.css">
	
    <link rel="stylesheet" href="./bootstrap/bootstrap.min.css">
  <link rel="stylesheet" href="./bootstrap/reset-global.css">
  <link rel="stylesheet" href="./bootstrap/website.css">
</head>
<body>
<div class="wrap-body">

<header>
	<div class="top-bar">
		<div class="wrap-top zerogrid">
			<div class="row ">
				<div class="col-1-2">
					<div class="wrap-col">
						<div class="top-social">
							<a href="#"><img src="images/facebook.png" title="facebook"/></a>
							<a href="#"><img src="images/twitter.png" title="twitter"/></a>
							<a href="#"><img src="images/google.png" title="google"/></a>
							<a href="#"><img src="images/pinterest.png" title="pinterest"/></a>
							<a href="#"><img src="images/instagram.png" title="instagram"/></a>
						</div>
					</div>
				</div>
				<div class="col-1-2">
					<div class="wrap-col f-right">
						<ul>
							<li class="mail"><p>ContacUst@Gmail.com</p></li>
							<li class="phone"><p>80 88888 7</p></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="nav-bar">
		<div class="wrap-nav zerogrid">
			<div class="row">
				<div class="col-1-3">
					<div class="wrap-col">
						<div class="logo"><a href="#"><img src="images/logo.png"/></a></div>	
					</div>
				</div>
				<div class="col-2-3">
					<div class="wrap-col f-right">
						<div id="menu">
							<nav>
							   <ul>
								 <li class="active"><a href="index.html">Home</a></li>
								 <li><a href="archive.html">Blog</a></li>
								 <li><a href="single.html">About Us</a></li>
								 <li><a href="contact.html">Contact</a></li>
							   </ul>
							</nav>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="wrap-header">
		<h1>see the word differently</h1>
		<span>Request,design and book travel experiences as unique as you are</span>
		<center><div class="search-form">
			<form method="get" action="/search" id="search" class="f-right">
				<input name="q" type="text" size="40" placeholder="Where are you going ?" />
				<input type="submit" name="Submit" value="Search">
			</form>
		</div></center>
		<div id="top-destination">
			<nav>
				<ul>
					<li class="first"><p>Top Destination :</p></li>
					<li><a href="#">Paris</a></li>
					<li><a href="#">New York</a></li>
					<li><a href="#">London</a></li>
					<li><a href="#">Rome</a></li>
					<li><a href="#">San Francisco</a></li>
					<li class="last"><a href="#">More...</a></li>
				</ul>
			</nav>
		</div>
	</div>
</header>


<section id="container">
	<div class="wrap-container">
		<section class="content-box boxstyle-1 box-1">
			<div class="zerogrid">
				<div class="row wrap-box">
					<div class="col-1-3">
						<div class="wrap-col">
							<div class="post">
								<img src="images/2.jpg">
								<h3>Civita di Bagnoregio, Italia</h3>
								<div class="upload">
									<p>April 14, 2015</p>
									<p>Uploaded by <a href="#">John Doe</a></p>
								</div>
							</div>
						</div>
					</div>
					<div class="col-1-3">
						<div class="wrap-col">
							<div class="post">
								<img src="images/3.jpg">
								<h3>Tuscany, Italy</h3>
								<div class="upload">
									<p>April 14, 2015</p>
									<p>Uploaded by <a href="#">John Doe</a></p>
								</div>
							</div>
						</div>
					</div>
					<div class="col-1-3">
						<div class="wrap-col">
							<div class="post">
								<img src="images/4.jpg">
								<h3>Picturesque Lake Como</h3>
								<div class="upload">
									<p>April 14, 2015</p>
									<p>Uploaded by <a href="#">John Doe</a></p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<section class="content-box boxstyle-2 box-2">
			<div class="zerogrid">
				<div class="row wrap-box">
					<div class="header"><div class="wrapper">
						<h2>ABOUT US</h2>
						<div class="line"></div>
						<p>Nulla eget mauris quis elit mollis ornare vitae ut odio. Cras tincidunt, augue vitae sollicitudin commodo, 
						quam elit varius est, et ornare ante massa quis tellus. Mauris nec lacinia nisl. Curabitur tempus tellus et vulputate vestibulum.</p>
					</div></div>	
					<div class="row post">
						<div class="col-1-3">
							<div class="wrap-col">
								<center><div class="wrap-img1">
									<img src="images/Folded.png" />
								</div></center>
								<h3><a href="#">Lorem ipsum dolor</a></h3>
								<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, 
								sed euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad</p>
							</div>
						</div>
						<div class="col-1-3">
							<div class="wrap-col">
								<center><div class="wrap-img1">
									<img src="images/Location.png" />
								</div></center>
								<h3><a href="#">Lorem ipsum dolor</a></h3>
								<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, 
								sed euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad</p>
							</div>
						</div>
						<div class="col-1-3">
							<div class="wrap-col">
								<center><div class="wrap-img1">
									<img src="images/User.png" />
								</div></center>
								<h3><a href="#">Lorem ipsum dolor</a></h3>
								<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, 
								sed euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad</p>
							</div>
						</div>
					</div>
					<a class="button button01" href="#">MORE</a>
				</div>
			</div>
		</section>
		<section class="content-box boxstyle-3 box-3">
			<div class="zerogrid">
				<div class="row wrap-box">
					<p>Curabitur pharetra sed magna at tincidunt.
					Maecenas auctor tincidunt ex. Aliquam a vestibulum Donec diam ipsum euismod.</p>
				</div>
			</div>
		</section>
		<section class="content-box boxstyle-1 box-4">
			<div class="zerogrid">
				<div class="row wrap-box">
					<div class="header"><div class="wrapper">
						<h2>SERVICES</h2>
						<div class="line"></div>
						<p>Nulla eget mauris quis elit mollis ornare vitae ut odio. Cras tincidunt, augue vitae sollicitudin commodo, 
						quam elit varius est, et ornare ante massa quis tellus. Mauris nec lacinia nisl. Curabitur tempus tellus et vulputate vestibulum.</p>
					</div></div>
					<div class="row post">
						<div class="col-1-4">
							<div class="wrap-col">
								<center><div class="wrap-img">
									<img src="images/truck.png" />
								</div></center>
								<h3><a href="#">Henderit Mauris</a></h3>
								<span>Praesent vestibuluolestie lacus</span>
							</div>
						</div>
						<div class="col-1-4">
							<div class="wrap-col">
								<center><div class="wrap-img">
									<img src="images/Airplane.png" />
								</div></center>
								<h3><a href="#">Henderit Mauris</a></h3>
								<span>Praesent vestibuluolestie lacus</span>
							</div>
						</div>
						<div class="col-1-4">
							<div class="wrap-col">
								<center><div class="wrap-img">
									<img src="images/Taxi.png" />
								</div></center>
								<h3><a href="#">Henderit Mauris</a></h3>
								<span>Praesent vestibuluolestie lacus</span>
							</div>
						</div>
						<div class="col-1-4">
							<div class="wrap-col">
								<center><div class="wrap-img">
									<img src="images/transport.png" />
								</div></center>
								<h3><a href="#">Henderit Mauris</a></h3>
								<span>Praesent vestibuluolestie lacus</span>
							</div>
						</div>
					</div>
					<div class="row post">
						<div class="col-1-4">
							<div class="wrap-col">
								<center><div class="wrap-img">
									<img src="images/Cogwheel.png" />
								</div></center>
								<h3><a href="#">Lorem ipsum dolor</a></h3>
								<span>Praesent vestibuluolestie lacus</span>
							</div>
						</div>
						<div class="col-1-4">
							<div class="wrap-col">
								<center><div class="wrap-img">
									<img src="images/package.png" />
								</div></center>
								<h3><a href="#">Lorem ipsum dolor</a></h3>
								<span>Praesent vestibuluolestie lacus</span>
							</div>
						</div>
						<div class="col-1-4">
							<div class="wrap-col">
								<center><div class="wrap-img">
									<img src="images/Flights.png" />
								</div></center>
								<h3><a href="#">Lorem ipsum dolor</a></h3>
								<span>Praesent vestibuluolestie lacus</span>
							</div>
						</div>
						<div class="col-1-4">
							<div class="wrap-col">
								<center><div class="wrap-img">
									<img src="images/Landing.png" />
								</div></center>
								<h3><a href="#">Henderit Mauris</a></h3>
								<span>Praesent vestibuluolestie lacus</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<section class="content-box boxstyle-3 box-5">
			<div class="zerogrid">
				<div class="row wrap-box">
					<p>Curabitur pharetra sed magna at tincidunt.
					Maecenas auctor tincidunt ex. Aliquam a vestibulum Donec diam ipsum euismod.</p>
				</div>
			</div>
		</section>
		<section class="content-box boxstyle-2 box-6">
			<div class="zerogrid">
				<div class="row wrap-box">
					<div class="col-2-3">
						<div class="row post">
							<div class="col-1-2">
								<div class="wrap-col">
									<div class=""> 
										<a href="#"><img src="images/16.jpg" /></a>
									</div>
								</div>
							</div>
							<div class="col-1-2">
								<div class="wrap-col">
									<h3><a href="#">Nam libero tempore, cum soluta nobis </a></h3>
									<div class="upload">By <a href="#">Danny</a> on April 14, 2015</div>
									<p>Nam libero tempore, cum soluta nobis est eligendi optio cumque quod maxime placeat 
									facere possimus nihil impedit quo minus id quod maxime placeat facere possimus.</p>
								</div>
							</div>
						</div>
						<div class="row widget">
							<div class="col-1-3">
								<div class="col-ful">
									<div class="wrap-col">
										<a href="#"><img src="images/17.jpg" /></a>
										<h4><a href="#">Nam libero tempore, cum soluta nobis </a></h4>
									</div>
								</div>
							</div>
							<div class="col-1-3">
								<div class="col-ful">
									<div class="wrap-col">
										<a href="#"><img src="images/10.jpg" /></a>
										<h4><a href="#">Nam libero tempore, cum soluta nobis </a></h4>
									</div>
								</div>
							</div>
							<div class="col-1-3">
								<div class="col-ful">
									<div class="wrap-col">
										<a href="#"><img src="images/8.jpg" /></a>
										<h4><a href="#">Nam libero tempore, cum soluta nobis </a></h4>
									</div>
								</div>
							</div>
						</div>	
					</div>
					<div class="col-1-3">
						<div class="widget wid-meta">
							<div class="wrap-col">
								<div class="widget-title">
									<h5>Latest News</h5>
								</div>
								<div class="wid-content">
									<div class="row">
										<ul>
											<li><a href="#">> Lorem ipsum dolor sit amet, consectetur elit.</a></li>
											<li><a href="#">> Nullam venenatis lacus a elit fermentum.</a></li>
											<li><a href="#">> Morbi ut sapien nec nisl pulvinar suscipit.</a></li>
											<li><a href="#">> Integer a enim ac ex porta molestie ut at ex.</a></li>
											<li><a href="#">> Sed in nunc non eleifend laoreet eu quis elit.</a></li>
											<li><a href="#">> Nullam venenatis lacus fermentum.</a></li>
											<li><a href="#">> Lorem ipsum dolor sit amet, consectetur elit.</a></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
	</div>
</section>

<footer>
	<div class="zerogrid">
		<div class="wrap-footer">
			<div class="row">
				<div class="col-1-3">
					<div class="wrap-col">
						<div class="logo"><a href="#"><img src="images/logo2.png"/></a></div>
						<p>Nam libero tempore, cum soluta nobis est eligendi optio cumque quod maxime placeat cum soluta nobis
						facere possimus nihil impedit quo minus id quod maxime placeat facere possimus. est eligendi optio cumque</p>
						<p>facere possimus nihil impedit quo minus id quod maxime placeat facere possimus.</p>
					</div>
				</div>
				<div class="col-1-3">
					<div class="wrap-col">
						<div class="widget-title">
							<h5>News Letter</h5>
						</div>
						<p>facere possimus nihil impedit quo minus id quod maxime placeat facere possimus. est eligendi</p>
						<div class="subcribe-form" >
							<form method="get" action="/search" id="subcribe">
							  <input name="q" type="text" size="40" placeholder="Enter your email address...  " />
							</form>
						</div>
						<a class="button button03" href="#">Subcribe Now</a>
					</div>
				</div>
				<div class="col-1-3">
					<div class="wrap-col">
						<div class="widget-title">
							<h5>Flickr Widget</h5>
						</div>
						<div class="row">
							<div class="col-1-4">
								<div class="wrap-col">
									<a href="#"><img src="images/2.jpg" /></a>
								</div>
							</div>
							<div class="col-1-4">
								<div class="wrap-col">
									<a href="#"><img src="images/3.jpg" /></a>
								</div>
							</div>
							<div class="col-1-4">
								<div class="wrap-col">
									<a href="#"><img src="images/4.jpg" /></a>
								</div>
							</div>
							<div class="col-1-4">
								<div class="wrap-col">
									<a href="#"><img src="images/5.jpg" /></a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="bottom-footer">
		<div class="wrap-bottom">
			<div class="copyright">
				??2015 - Designed by <a href="https://www.zerotheme.com">ZEROTHEME</a>
			</div>
		</div>
	</div>
</footer>


</div>
</body></html>